/**
 * 插件样式
 **/
page{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;box-sizing:border-box;}

/**
 * 动画
 **/
.Animated{animation-duration:0.5s;animation-fill-mode:both;}
.FadeIn{animation-name:FadeIn;}
.FadeInUp{animation-name:FadeInUp;}
.FadeOut{animation-name:FadeOut;}
.FadeOutDown{animation-name:FadeOutDown;}
@keyframes FadeIn {from{opacity:0;}to{opacity:1;}}
@keyframes FadeInUp {from {opacity: 0;transform: translate3d(0, 100%, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
@keyframes FadeOut {from{opacity:1;}to{opacity:0;}}
@keyframes FadeOutDown {from{opacity:1;}to{opacity:0;transform:translate3d(0,100%,0);}}

/**
  * 通用样式
  **/
.Trans{transition:all 0.3s ease-out;}
.TextOverflow_One{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.TextOverflow_Two{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.CellBody{position:relative;border-radius:20rpx;background-color:#fff;width:100%;box-sizing: border-box;}
.CellBody>.Item{position:relative;padding: 0 0;}
.CellBody>.Item>.Obj{position: relative;border-bottom:solid 1px #e3e3e3;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;color:#303133;padding:30rpx 20rpx;font-size:28rpx;}
.CellBody>.Item>.Obj:active{background-color:#f3f4f6;}
.CellBody>.Item:last-child>.Obj{border-bottom:solid 1px transparent;line-height:1.5;}
.CellBody>.Item>.Obj.Arrow::after{content:"";position:absolute;width:12rpx;height:12rpx;background-color:transparent;border-color:#81868F;border-style:solid;border-width:4rpx 4rpx 0 0;transform:rotate(45deg);top:calc(50% - 6rpx);right:20rpx;}
.CellBody>.Item>.Obj>.Icon{display:flex;align-items:center;justify-content:center;margin-right:16rpx;}
.CellBody>.Item>.Obj>.Title{font-size:inherit;padding-right:40rpx;}
.CellBody>.Item>.Obj>.Value{font-size:inherit;flex:1;text-align:right;padding-right:40rpx;}

.LoadMore{width:100%;padding:20rpx 0 40rpx;font-size:24rpx;color:#ccc;}
.LoadMore>.List{display: flex;justify-content: center;align-items: center;flex-direction: column !important;}

.PopUpTitle{padding:42rpx 0 30rpx 0;font-size:32rpx;display:flex;color:#222;justify-content:center;align-items:center;padding-bottom:30rpx;}
.PopUpTitle .Btn{font-size:30rpx;font-weight:300;margin:0 40rpx;color:#222;}
.PopUpTitle .Text{text-align:center;flex:1;}
.PopUpTitle .Btn.Confirm{color:var(--MainColor);}
.PopUpMultipleBox{position:relative;overflow-y: auto;max-height: 35vh;padding-bottom:30rpx;}
.PopUpMultipleBox .Items{padding:0rpx 60rpx;box-sizing:border-box;}
.PopUpMultipleBox .Item{margin:20rpx 0;padding:25rpx 0;font-size:34rpx;border-radius:32rpx;color:#BEBEBE;width:100%;box-sizing:border-box;text-align:center;}
.PopUpMultipleBox .Item.active{color:#222;background:#F6F6F6;}

.CloseBtn{position:absolute;border-radius: 50%;}
.CloseBtn::before,
.CloseBtn::after{content:"";position:absolute;height:50%;width:4rpx;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg);top:50%;left:50%;border-radius: 20rpx;}
.CloseBtn::after{transform:translate(-50%,-50%) rotate(-45deg);}
